<template>
  <el-card
    :header="title"
    class="test-component-item"
  >
    <slot></slot>
  </el-card>
</template>

<script lang='ts' setup name="TestComponentItem">
import { reactive, toRefs, ref } from 'vue'

defineProps({
    title: {
        type: String,
        default: '组件名称',
    },
})
</script>
<style scoped lang='scss'>
.test-component-item + .test-component-item {
  margin-top:10px ;
}
</style>